/*
  lighten 变亮()
  darken 变暗(加深颜色)
*/
$base-color: hsl(222, 100%, 50%);
$light-color: lighten($base-color, 30%); // 80%
$darken-color: darken($base-color, 20%); // 30%

.alert {
  border: 1px solid $base-color;
  background-color: $light-color;
  color: $darken-color;
}